<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改密码</title>
    <style>
        body{
            background-image:url('background.jpg');
            background-repeat:no-repeat;
            background-position:center;
            background-size: 500px 850px;
            background-attachment:fixed;
        }
        #phone
        {
            border-style:solid;
            position: absolute;
            left:47%;
            top: 47%;
            margin: -400px 0 0 -200px;
            width: 500px;
            height: 850px;
        }
        #header {
            font-family: 隶书;
            width:100%;
            color:#EFA554;
            text-align:center;
            padding:5px;
        }
        #submit{
            position: absolute;
            text-align: center;
            bottom: 0;
            margin: 100px 0;
            width: 480px;
            height: 50px;
            font-size: 30px;
            line-height: 45px;
            color: white;
            border-radius: 5px;
            background-color:#EFA554;
            transform: translateX(-50%);
        }
        .button input{
            width: 350px;
            height: 30px;
            color: black;
            font-size: 10px;
            text-align: left;
        }
    </style>
</head>
<body>
<div>
    <div id="phone" align="center">
    <div align="center">
        <h1 id="header">修 改 密 码</h1>
    </div>
    <form action="#" method="post" class="button">
        <!--用户名框控件-->
        请输新密码：<input name="name" placeholder="请输新密码" type="text"><br><br>
        <!-- 密码框控件 -->
        请再次输入：</label><input name="password" placeholder="请再次输入新密码" type="password"><br><br>
        输入验证码：<input name="password" placeholder="请输入验证码" type="password">
    </form>
    </div>
    <div align="center"><a href="我的(已登录).html"><input id="submit" type="submit" value="提      交" ></a></div>
</div>
</body>
</html>